<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>大众榜单网</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="../Font-Awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/index.css">



    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<div class="header">
    <div class="headerTop">
        <div class="container">
            <div class="row">
                <div class="col-md-6">你好，欢迎来到大众榜单网！</div>
                <div class="col-md-6 textR">
                    <a href="#">注册</a>|
                    <a href="#">登陆</a>|
                    <a href="#">帮助中心</a>
                </div>
            </div>
        </div>
    </div>
    <div class="headerCont">
        <div class="container">
            <div class="row">
                <div class="col-md-4 logo">
                    <img src="images//logo.png" alt="" width="255" height="70">
                </div>
                <div class="col-md-5">
                    <div class="search">
                        <form action="">
                            <input type="text" placeholder="请输入关键字 、标题搜索" class="fl searchBox" >
                            <button class=btn>
                                <i class="iconfont">&#xe621;</i>
                                搜索一下
                            </button>
                            <p>
                                <span>热门搜索：</span>
                                <a href="#">门禁系统</a>
                                <a href="#">门禁系统</a>
                                <a href="#">门禁系统</a>
                                <a href="#">门禁系统</a>
                                <a href="#">门禁系统</a>
                            </p>
                        </form>
                    </div>
                </div>
                <div class="col-md-3 textR header-ri">
                    <a href="#" class="wx">
                        <img src="images//wx.png" alt="">
                        扫大众微信
                    </a>
                    <a href="#" class="wb">
                        <img src="images//wb.png" alt="">
                        关注大众微博
                    </a>

                </div>
            </div>
        </div>

    </div>
    <div class="navBox">
        <div class="container">
            <div class="row">
                <nav class="navbar navbar-default" role="navigation">
                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                           <span class="none">导航</span>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="padding-left:0;">
                            <ul class="nav navbar-nav">
                                <li class="fenLei selected">
                                    <a href="#" class="co">
                                        分类
                                    </a>
                                    <div class="listBox">
                                        <dl>
                                            <dt>娱乐</dt>
                                            <dd>
                                                <a href="#">电影</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd class='fr'>
                                                <a href="#">更多</a>
                                            </dd>

                                        </dl>
                                        <dl>
                                            <dt>娱乐</dt>
                                            <dd>
                                                <a href="#">电影</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd class='fr'>
                                                <a href="#">更多</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt>娱乐</dt>
                                            <dd>
                                                <a href="#">电影</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd class='fr'>
                                                <a href="#">更多</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt>娱乐</dt>
                                            <dd>
                                                <a href="#">电影</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd class='fr'>
                                                <a href="#">更多</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt>娱乐</dt>
                                            <dd>
                                                <a href="#">电影</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd class='fr'>
                                                <a href="#">更多</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt>娱乐</dt>
                                            <dd>
                                                <a href="#">电影</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd class='fr'>
                                                <a href="#">更多</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt>娱乐</dt>
                                            <dd>
                                                <a href="#">电影</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd class='fr'>
                                                <a href="#">更多</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt>娱乐</dt>
                                            <dd>
                                                <a href="#">电影</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd>
                                                <a href="#">电视剧</a>
                                            </dd>
                                            <dd class='fr'>
                                                <a href="#">更多</a>
                                            </dd>
                                        </dl>
                                    </div>
                                </li>
                                <li>
                                    <a href="#" class="co">
                                        首页
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="co">
                                        公榜
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="co">
                                        民榜
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="co">
                                        榜事
                                    </a>
                                </li>

                            </ul>
                            <div class="nav navbar-nav navbar-right release">

                                    <a href="#">
                                        <i class="iconfont">&#xe625;</i>发布榜单
                                    </a>

                            </div>
                        </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                </nav>
            </div>
        </div>
    </div>

</div>
<div class="content pdb65">
     <div class="container">
        <div class="row">
            <div class="banner mgt20">
                <div class="col-md-9">
                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <img src="images//6.png" alt="...">
                            <div class="carousel-caption">
                                <a href="#">1</a>
                            </div>
                        </div>
                        <div class="item">
                            <img src="images//6.png" alt="...">
                            <div class="carousel-caption">
                                <a href="#">2</a>
                            </div>
                        </div>
                        <div class="item">
                            <img src="images//6.png" alt="...">
                            <div class="carousel-caption">
                                <a href="#">3</a>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                <div class="col-md-3 pdl20">
                    <div class="ligBox">
                       <dl>
                           <dt class='fl'>
                               <img src="images//qq.png" alt="" width="80" height="90">
                           </dt>
                           <dd>Hi,您好！</dd>
                           <dd>
                               <a href="#">登录</a>
                               <a href="#" class="zc">注册</a>
                           </dd>
                       </dl>
                        <div class="ligBox-list">
                            <div class="tit">
                                <h5 class="fl">最新榜事新闻及公告</h5>
                                <a href="#" class="fr">更多>></a>
                            </div>
                            <ul>
                                <li>
                                    <i></i><a href="#">历史 | 袁世凯被假《顺天时报》骗是... 评论 | 乔丹赢了商标我们赢了什么 为女性营造敢对职场性侵说不的环境 命案案卷丢失</a>
                                </li>
                                <li>
                                    <i></i><a href="#">历史 | 袁世凯被假《顺天时报》骗是... 评论 | 乔丹赢了商标我们赢了什么 为女性营造敢对职场性侵说不的环境 命案案卷丢失</a>
                                </li>
                                <li>
                                    <i></i><a href="#">历史 | 袁世凯被假《顺天时报》骗是... 评论 | 乔丹赢了商标我们赢了什么 为女性营造敢对职场性侵说不的环境 命案案卷丢失</a>
                                </li>
                                <li>
                                    <i></i><a href="#">历史 | 袁世凯被假《顺天时报》骗是... 评论 | 乔丹赢了商标我们赢了什么 为女性营造敢对职场性侵说不的环境 命案案卷丢失</a>
                                </li>
                                <li>
                                    <i></i><a href="#">历史 | 袁世凯被假《顺天时报》骗是... 评论 | 乔丹赢了商标我们赢了什么 为女性营造敢对职场性侵说不的环境 命案案卷丢失</a>
                                </li>
                                <li>
                                    <i></i><a href="#">历史 | 袁世凯被假《顺天时报》骗是... 评论 | 乔丹赢了商标我们赢了什么 为女性营造敢对职场性侵说不的环境 命案案卷丢失</a>
                                </li>
                                <li>
                                    <i></i><a href="#">历史 | 袁世凯被假《顺天时报》骗是... 评论 | 乔丹赢了商标我们赢了什么 为女性营造敢对职场性侵说不的环境 命案案卷丢失</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="quick pdt35">
                <ul>
                    <li class="col-md-2 ys">
                        <a href="javascript:;">影视榜单</a>
                    </li>
                    <li class="col-md-2 music">
                        <a href="javascript:;">音乐榜单</a>
                    </li>
                    <li class="col-md-2 mr">
                        <a href="javascript:;">名人榜单</a>
                    </li>
                    <li class="col-md-2 mp">
                        <a href="javascript:;">名牌榜单</a>
                    </li>
                    <li class="col-md-2 xx">
                        <a href="javascript:;">选秀榜单</a>
                    </li>
                    <li class="col-md-2 more">
                        <a href="javascript:;">更多榜单</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-9">
                <div class="MoviesBox">
                    <div class="Movies-list">
                        <div class="tit mgTB20">
                            <div class="col-md-4 title">
                                <i class="iconfont">&#xe61c;</i>
                                行业十大影视榜单
                            </div>
                            <div class="col-md-8 msg">
                                <span class="fl">正在进行评选的影视：</span>
                                <ul class="webTicker">
                                    <li><a href="#">那些年</a> <a href="#">梨花树</a> <a href="#">爱情大王</a> <a href="#">裸归</a> <a
                                            href="#">大圣</a>          为您喜欢的作品投上一票！</li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <section class="gallery-wrapper">
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/1.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/2.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/3.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/4.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/5.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel">
                        <a href="#">
                            <img src="images/6.jpg" class="thumb">
                        </a>
                        <div class="cont">
                            <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                            <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                        </div>
                    </article>
                    </section>
                    <div class="btn-a">
                        <a href="#">点击加载更多影视榜单<br> <i class="iconfont">&#xe61a;</i></a>
                    </div>

                </div>
                <div class="MoviesBox">
                    <div class="Movies-list">
                        <div class="tit mgTB20">
                            <div class="col-md-4 title">
                                <i class="iconfont">&#xe644;</i>
                                行业十大音乐榜单
                            </div>
                            <div class="col-md-8 msg">
                                <span class="fl">正在进行评选的音乐：</span>
                                <ul class="webTicker">
                                    <li><a href="#">那些年</a> <a href="#">梨花树</a> <a href="#">爱情大王</a> <a href="#">裸归</a> <a
                                            href="#">大圣</a>          为您喜欢的作品投上一票！</li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <section class="gallery-wrapper">
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/1.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/2.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/3.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/4.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/5.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/6.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                    </section>
                    <div class="btn-a">
                        <a href="#">点击加载更多影视榜单<br> <i class="iconfont">&#xe61a;</i></a>
                    </div>

                </div>
                <div class="MoviesBox">
                    <div class="Movies-list">
                        <div class="tit mgTB20">
                            <div class="col-md-4 title">
                                <i class="iconfont">&#xe672;&#xe644;</i>
                                行业十大名人榜单
                            </div>
                            <div class="col-md-8 msg">
                                <span class="fl">正在进行评选的节目：</span>
                                <ul class="webTicker">
                                    <li><a href="#">那些年</a> <a href="#">梨花树</a> <a href="#">爱情大王</a> <a href="#">裸归</a> <a
                                            href="#">大圣</a>          为您喜欢的作品投上一票！</li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <section class="gallery-wrapper">
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/1.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/2.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/3.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/4.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/5.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel">
                            <a href="#">
                                <img src="images/6.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                    </section>
                    <div class="btn-a">
                        <a href="#">点击加载更多节目榜单<br> <i class="iconfont">&#xe61a;</i></a>
                    </div>

                </div>
                <div class="MoviesBox">
                    <div class="Movies-list">
                        <div class="tit mgTB20">
                            <div class="col-md-4 title">
                                <i class="iconfont">&#xe64b;</i>
                                行业十大名牌榜单
                            </div>
                            <div class="col-md-8 msg">
                                <span class="fl">正在进行评选的名人：</span>
                                <ul class="webTicker">
                                    <li><a href="#">那些年</a> <a href="#">梨花树</a> <a href="#">爱情大王</a> <a href="#">裸归</a> <a
                                            href="#">大圣</a>          为您喜欢的作品投上一票！</li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <section class="gallery-wrapper">
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/1.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/2.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/3.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/4.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/5.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/6.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/7.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/8.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/9.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                    </section>
                    <div class="btn-a">
                        <a href="#">点击加载更多名人榜单<br> <i class="iconfont">&#xe61a;</i></a>
                    </div>

                </div>
                <div class="MoviesBox">
                    <div class="Movies-list">
                        <div class="tit mgTB20">
                            <div class="col-md-4 title">
                                <i class="iconfont">&#xe64b;</i>
                                行业十大选秀榜单
                            </div>
                            <div class="col-md-8 msg">
                                <span class="fl">正在进行评选的名人：</span>
                                <ul class="webTicker">
                                    <li><a href="#">那些年</a> <a href="#">梨花树</a> <a href="#">爱情大王</a> <a href="#">裸归</a> <a
                                            href="#">大圣</a>          为您喜欢的作品投上一票！</li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <section class="gallery-wrapper">
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/1.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/2.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/3.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/4.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/5.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/6.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/7.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/8.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                        <article class="white-panel col-md-4">
                            <a href="#">
                                <img src="images/9.jpg" class="thumb">
                            </a>
                            <div class="cont">
                                <div class="title"><a href="#" class="fl">2016年度十大抒情歌曲</a> <a href="#" class="fr">[我要投票]</a></div>
                                <p>丰满的黄桃长的黄嘟嘟，散发着沁人的香气，而且个大皮薄，芳香四溢，晶莹圆润，</p>
                            </div>
                        </article>
                    </section>
                    <div class="btn-a">
                        <a href="#">点击加载更多名人榜单<br> <i class="iconfont">&#xe61a;</i></a>
                    </div>

                </div>
            </div>
            <div class="col-md-3 pdl20">
                <div class="vipBox">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab">VIP之星</a></li>
                        <li role="presentation"><a href="#profile" role="tab" data-toggle="tab">会员榜</a></li>
                    </ul>
                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="home">
                            <dl class="first">
                                <dt ><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>第1名</p>
                                </dd>
                                <dd class="fr">
                                    <img src="images/vip.png" alt="">
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>第1名</p>
                                </dd>
                                <dd class="fr">
                                    <img src="images/vip.png" alt="">
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>第1名</p>
                                </dd>
                                <dd class="fr">
                                    <img src="images/vip.png" alt="">
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>第1名</p>
                                </dd>
                                <dd class="fr">
                                    <img src="images/vip.png" alt="">
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>第1名</p>
                                </dd>
                                <dd class="fr">
                                    <img src="images/vip.png" alt="">
                                </dd>
                            </dl>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="profile">
                            <dl class="first">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>第1名</p>
                                </dd>
                                <dd class="fr">
                                    <img src="images/vip.png" alt="">
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>第1名</p>
                                </dd>
                                <dd class="fr">
                                    <img src="images/vip.png" alt="">
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>第1名</p>
                                </dd>
                                <dd class="fr">
                                    <img src="images/vip.png" alt="">
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>第1名</p>
                                </dd>
                                <dd class="fr">
                                    <img src="images/vip.png" alt="">
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>第1名</p>
                                </dd>
                                <dd class="fr">
                                    <img src="images/vip.png" alt="">
                                </dd>
                            </dl>
                        </div>

                    </div>
                </div>
                <div class="hotBox">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#home1" role="tab" data-toggle="tab">热门餐厅</a></li>
                    </ul>
                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="home1">
                            <dl class="first">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">巴色鱼捞（金沙店）</a></strong>
                                    <p><i class="good"></i><i class="good"></i><i class="good"></i><i class="good"></i><i class="good"></i><span>人气（69）</span></p>
                                </dd>

                            </dl>
                            <dl>
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">巴色鱼捞（金沙店）</a></strong>
                                    <p><i class="good"></i><i class="good"></i><i class="good"></i><i class="good"></i><i class="no"></i><span>人气（69）</span></p>
                                </dd>

                            </dl>
                            <dl>
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">巴色鱼捞（金沙店）</a></strong>
                                    <p><i class="good"></i><i class="good"></i><i class="good"></i><i class="no"></i><i class="no"></i><span>人气（69）</span></p>
                                </dd>

                            </dl>
                            <dl>
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">巴色鱼捞（金沙店）</a></strong>
                                    <p><i class="good"></i><i class="good"></i><i class="no"></i><i class="no"></i><i class="no"></i><span>人气（69）</span></p>
                                </dd>

                            </dl>
                            <dl>
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">巴色鱼捞（金沙店）</a></strong>
                                    <p><i class="good"></i><i class="no"></i><i class="no"></i><i class="no"></i><i class="no"></i><span>人气（69）</span></p>
                                </dd>

                            </dl>
                        </div>

                    </div>
                </div>
                <div class="hotList">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#home2" role="tab" data-toggle="tab">热门单榜</a></li>
                        <li role="presentation"><a href="#profile2" role="tab" data-toggle="tab">最新单榜</a></li>
                    </ul>
                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="home2">
                            <dl class="first">
                                <dt><img src="images/user.png" alt="" width="56" height="56" ></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>
                                        <i class="iconfont">&#xe61b;</i>
                                        <span>人气<strong>(69)</strong></span>
                                        &nbsp
                                        <i class="iconfont">&#xe739;</i>
                                        <span>关注<strong>(23)</strong></span>
                                    </p>
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>
                                        <i class="iconfont">&#xe61b;</i>
                                        <span>人气<strong>(69)</strong></span>
                                        &nbsp
                                        <i class="iconfont">&#xe739;</i>
                                        <span>关注<strong>(23)</strong></span>
                                    </p>
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>
                                        <i class="iconfont">&#xe61b;</i>
                                        <span>人气<strong>(69)</strong></span>
                                        &nbsp
                                        <i class="iconfont">&#xe739;</i>
                                        <span>关注<strong>(23)</strong></span>
                                    </p>
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>
                                        <i class="iconfont">&#xe61b;</i>
                                        <span>人气<strong>(69)</strong></span>
                                        &nbsp
                                        <i class="iconfont">&#xe739;</i>
                                        <span>关注<strong>(23)</strong></span>
                                    </p>
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>
                                        <i class="iconfont">&#xe61b;</i>
                                        <span>人气<strong>(69)</strong></span>
                                        &nbsp
                                        <i class="iconfont">&#xe739;</i>
                                        <span>关注<strong>(23)</strong></span>
                                    </p>
                                </dd>
                            </dl>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="profile2">
                            <dl class="first">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>
                                        <i class="iconfont">&#xe61b;</i>
                                        <span>人气<strong>(69)</strong></span>
                                        &nbsp
                                        <i class="iconfont">&#xe739;</i>
                                        <span>关注<strong>(23)</strong></span>
                                    </p>
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>
                                        <i class="iconfont">&#xe61b;</i>
                                        <span>人气<strong>(69)</strong></span>
                                        &nbsp
                                        <i class="iconfont">&#xe739;</i>
                                        <span>关注<strong>(23)</strong></span>
                                    </p>
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>
                                        <i class="iconfont">&#xe61b;</i>
                                        <span>人气<strong>(69)</strong></span>
                                        &nbsp
                                        <i class="iconfont">&#xe739;</i>
                                        <span>关注<strong>(23)</strong></span>
                                    </p>
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>
                                        <i class="iconfont">&#xe61b;</i>
                                        <span>人气<strong>(69)</strong></span>
                                        &nbsp
                                        <i class="iconfont">&#xe739;</i>
                                        <span>关注<strong>(23)</strong></span>
                                    </p>
                                </dd>
                            </dl>
                            <dl class="">
                                <dt><img src="images/user.png" alt="" width="56" height="56"></dt>
                                <dd>
                                    <strong><a href="#">panpaddy</a></strong>
                                    <p>
                                        <i class="iconfont">&#xe61b;</i>
                                        <span>人气<strong>(69)</strong></span>
                                        &nbsp
                                        <i class="iconfont">&#xe739;</i>
                                        <span>关注<strong>(23)</strong></span>
                                    </p>
                                </dd>
                            </dl>
                        </div>

                    </div>
                </div>
            </div>
            <div class="linkBox ">
                <div class="tit">
                    <span class="fl">媒体支持</span>
                    <a href="#" class="fr">我要加入>></a>
                </div>
                <div class="linkCont">
                    <ul>
                        <li>
                            <a href="#"></a>
                        </li>
                        <li>
                            <a href="#"></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="footer-search">
        <div class="container">
        <div class="row">
            <div class="col-md-4"></div>
            <div class="col-md-4">

                    <div class="searchBox">
                        <span><strong>全部</strong> <i class="icon-sort-down"></i></span>
                        <input type="text">
                        <button class="searchBtn">
                            <i class="iconfont">&#xe621;</i>
                        </button>
                        <ul class="select">
                            <li class="selected">全部</li>
                            <li>公榜</li>
                            <li>投票</li>
                            <li>榜事</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-4"></div>

        </div>
    </div>
    <div class="footer-cont pdbt80">
        <div class="container">
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-9">
                    <div class="col-md-3 textC">
                        <div class="wx">

                        </div>
                        <span style="color:#ccc;font-size:12px;">手机查看更多榜单</span>
                    </div>
                    <div class="col-md-6">
                        <dl class="col-md-3 ">
                            <dt>关于</dt>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                        </dl>
                        <dl class="col-md-3 ">
                            <dt>商务</dt>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                        </dl>
                        <dl class="col-md-3 ">
                            <dt>联系</dt>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                        </dl>
                        <dl class="col-md-3 ">
                            <dt>帮助</dt>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                            <dd><a href="#">关于大众</a></dd>
                        </dl>
                    </div>
                    <div class="col-md-3">
                        <dl>
                            <dt>版权信息</dt>
                            <dd>
                                大众会员所发布展示的“原创作品/文章” 版权归原作者所有，任何商业用途均须联 系作者。如未经授权用作他处，作者将保
                            </dd>
                        </dl>
                    </div>
                </div>
                <div class="col-md-2"></div>
            </div>
        </div>
    </div>
</div>
<div class="fixedR">
    <ul>
        <li>
            <a href="#">
                <i class="iconfont">&#xe606;</i>
                在线客户
            </a>
        </li>
        <li>
            <a href="#">
                <i class="iconfont">&#xe619;</i>
                官方微信
            </a>
        </li>
        <li>
            <a href="#">
                <i class="iconfont">&#xe60d;</i>
                客服电话
            </a>
        </li>
        <li class="goTop">
            <img src="images/top.png" alt="">
        </li>
    </ul>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="js/pinterest_grid.js"></script>
<script>
    $(function(){
        $(".gallery-wrapper").pinterest_grid({
            no_columns: 3,
            padding_x: 10,
            padding_y: 10,
            margin_bottom: 50,
            single_column_breakpoint:700
        });
    })
</script>
<script type="text/javascript" src="js/jquery.webticker.js"></script>
<script type="text/javascript">
    $(function(){

        $('.webTicker').webTicker();
    });
</script>
<script>
    $(function() {

        $('.navBox .nav .fenLei').hover(function(){
            $('.listBox').stop(true,false).slideToggle();
        });
        $('.searchBox span').click(function(){
            $('.select').slideToggle()
        });
        $('.searchBox ul li').hover(function(){
            $(this).addClass('selected').siblings().removeClass('selected');
        }).click(function(){
            var val=$(this).html();
            $('.searchBox span strong').html(val);
            $('.select').slideUp()
        });
        //回到页面顶部
        scTop(".goTop",0);
        //瞄导航
        scTop(".ys",715);
        scTop(".music",2015);
        scTop(".mr",3315);
        scTop(".mp",4610);
        scTop(".xx",6885);
        function scTop(ele,top){
            $(ele).click(function(){
                $('body,html').animate({scrollTop:top},1500);
            });
        }
        $(window).scroll(function() {
            var yheight1=window.pageYOffset; //滚动条距顶端的距离
            var yheight=getScrollTop(); //滚动条距顶端的距离
            var height =document.documentElement.clientHeight//浏览器可视化窗口的大小
            var top=parseInt(yheight);
console.log(top)
            if(top >=500){
                $(".goTop").show();
            }else{
                $(".goTop").hide();
            }
        })

        /**
         * 获取滚动条距离顶端的距离
         * @return {}支持IE6
         */
        function getScrollTop() {
            var scrollPos;
            if (window.pageYOffset) {
                scrollPos = window.pageYOffset; }
            else if (document.compatMode && document.compatMode != 'BackCompat')
            { scrollPos = document.documentElement.scrollTop; }
            else if (document.body) { scrollPos = document.body.scrollTop; }
            return scrollPos;
        }

    });
</script>
</body>
</html>